<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="description" content="html template">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="author" content="Asad">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>懂汪-您的浏览器标签页助手</title>

  <link rel="icon" href="assets/images/favicon.png">
  <link rel="apple-touch-icon" href="assets/images/favicon.png">
  <link rel="stylesheet" href="assets/css/all.min.css">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="assets/css/meanmenu.css">
  <link rel="stylesheet" href="assets/css/magnific-popup.css">
  <link rel="stylesheet" href="assets/css/nice-select.css">
  <link rel="stylesheet" href="assets/css/backtotop.css">
  <link rel="stylesheet" href="assets/css/main.css">

</head>
<style>
  .dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: inherit;
}

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-menu a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

.dropdown-menu a:hover {
  background-color: #acacac;
  color: #ffffff;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

</style>
<body>

  <!-- Cursor start -->
  <!-- <div class="rts-cursor cursor-outer" data-default="yes" data-link="yes" data-slider="no">
    <span class="fn-cursor"></span>
  </div>
  <div class="rts-cursor cursor-inner" data-default="yes" data-link="yes" data-slider="no">
    <span class="fn-cursor">
      <span class="fn-left"></span>
      <span class="fn-right"></span>
    </span>
  </div> -->
  <!-- Cursor end -->

  <!-- back to top start -->
  <div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
  </div>
  <!-- back to top end -->

  <!-- modal-search-start -->
  <div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true">
    <a href="javascript:void(0)" type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">×</span>
    </a>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <form>
          <input type="text" placeholder="Search here...">
          <button>
            <i class="fa fa-search"></i>
          </button>
        </form>
      </div>
    </div>
  </div>
  <!-- modal-search-end -->

  <!-- sidebar-information-area-start -->
  <div class="sidebar-info side-info">
    <div class="sidebar-logo-wrapper mb-25">
      <div class="row align-items-center">
        <div class="col-xl-6 col-8">
          <div class="sidebar-logo">
            <a href="index.html"><img src="assets/images/logo/logo-w.png" alt="logo-img"></a>
          </div>
        </div>
        <div class="col-xl-6 col-4">
          <div class="sidebar-close-wrapper text-end">
            <button class="sidebar-close side-info-close"><i class="fal fa-times"></i></button>
          </div>
        </div>
      </div>
    </div>
    <div class="sidebar-menu-wrapper fix">
      <div class="mobile-menu"></div>
    </div>
  </div>
  <div class="offcanvas-overlay"></div>
  <!-- sidebar-information-area-end -->



  <div class="has-smooth" id="has_smooth"></div>

  <div id="smooth-wrapper">
    <div id="smooth-content">
      <div class="body-wrapper">
        <header class="h5_header-area">
          <div class="h5_header-top d-sm-flex align-items-center d-none">
            <div class="container">
              <div class="row align-items-center">
                <div class="col-xl-6 col-lg-7">
                  <div class="h5_header-top-text">
                    <!-- <p>创建一个帐户利用一个34%的奖金折扣结帐。</p>
                    <a href="price.html">了解更多<i class="fa-light fa-angle-right"></i></a> -->
                  </div>
                </div>
                <div class="col-xl-6 col-lg-5 d-none d-lg-block">
                  <div class="h5_header-top-right">
                    <div class="h5_header-top-account">
                      <div class="dropdown">
                        <button class="dropdown-toggle" id="dropdownMenuButton" aria-haspopup="true" aria-expanded="false" style="color: white;">
                          <svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M7.0127 8C8.94569 8 10.5127 6.433 10.5127 4.5C10.5127 2.567 8.94569 1 7.0127 1C5.0797 1 3.5127 2.567 3.5127 4.5C3.5127 6.433 5.0797 8 7.0127 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                            <path d="M13.026 15C13.026 12.291 10.331 10.1 7.013 10.1C3.695 10.1 1 12.291 1 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                          </svg>
                          我的
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                          <a class="dropdown-item" href="my.html">个人中心</a>
                          <a class="dropdown-item" href="index.html">退出</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="h5_header-bottom header-sticky">
            <div class="container">
              <div class="row align-items-center justify-content-between">
                <div class="col-xl-2 col-lg-2 col-4">
                  <div class="h5_header-logo">
                    <a href="index.html"><img src="assets/images/logo/logo.png" alt="Image Not Found"></a>
                  </div>
                </div>
                <div class="col-xl-7 col-lg-6 d-none d-lg-block text-center">
                  <div class="h5_header-menu ">
                    <nav class="h5_header-nav-menu" id="mobile-menu">
                      <ul>
                        <li>
                          <a href="index.html">首页</a>
                        </li>
                        <li><a href="about.html">使用</a></li>
                        <!-- <li><a href="price.html">定价</a></li>s -->
                        <li><a href="download.html">下载</a></li>
                        <!-- <li><a href="contact.html">联系我们</a></li> -->
                        <li class="menu-has-child">
                          <a >Demo</a>
                          <ul class="submenu">
                              <li><a href="textdemo.html">Text Demo</a></li>
                              <li><a href="videodemo.html">Video Dmeo</a></li>
                          </ul>
                      </li>
                      </ul>
                    </nav>
                  </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-8">
                  <div class="h5_header-action-wrap d-flex align-items-center justify-content-end">
                    <div class="h5_header-action d-none d-sm-flex">
                      <a href="download.html" class="h5_header-action-btn">
                        开始行动<i class="fa-light fa-angle-right"></i>
                      </a>
                    </div>
                    <div class="header-menu-bar d-lg-none ml-10">
                      <span class="header-menu-bar-icon side-toggle">
                        <i class="fa-light fa-bars"></i>
                      </span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>

        <main>
          <!-- breadcrumb area start -->
          <section class="breadcrumb-area bg-default" data-background="assets/images/breadcrumb/breadcrumb-bg.jpg">
            <div class="container">
              <div class="row">
                <div class="col-12">
                  <div class="breadcrumb-content text-center">
                    <h2 class="breadcrumb-title tp_has_text_reveal_anim">联系我们</h2>
                    <div class="breadcrumb-list tp_fade_left">
                      <a href="index.html"><i class="fa-light fa-house"></i>首页</a>
                      <span>联系我们</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="breadcrumb-shape">
              <img src="assets/images/breadcrumb/shape-1.png" alt="" class="breadcrumb-shape-1" data-speed="0.9">
              <img src="assets/images/breadcrumb/shape-2.png" alt="" class="breadcrumb-shape-2" data-speed="0.8">
              <img src="assets/images/breadcrumb/shape-3.png" alt="" class="breadcrumb-shape-3" data-speed="0.9">
              <img src="assets/images/breadcrumb/circle.png" alt="" class="breadcrumb-shape-4">
            </div>
          </section>
          <!-- breadcrumb area end -->

          <!-- contact area start -->
          <section class="contact-area pt-140 pb-140">
            <div class="container">
              <div class="row justify-content-center">
                <div class="col-xxl-5 col-xl-6">
                  <div class="inner_section-area mb-50 text-center">
                    <span class="inner_section-subtitle tp_subtitle_anim">让我们谈谈</span>
                    <h2 class="inner_section-title tp_title_slideup mb-30">与我们的工程师进行对话</h2>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-lg-4 col-md-6 mb-30 tp_fade_left" data-fade-from="left">
                  <div class="contact-item">
                    <div class="contact-icon">
                      <i class="fa-solid fa-message-lines"></i>
                    </div>
                    <div class="contact-content">
                      <h4 class="contact-content-title">与我们沟通</h4>
                      <p>周一到周五:9am-6pm</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-30 tp_fade_left" data-fade-from="left" data-delay=".6">
                  <div class="contact-item">
                    <div class="contact-icon">
                      <i class="fa-solid fa-phone-arrow-up-right"></i>
                    </div>
                    <div class="contact-content">
                      <h4 class="contact-content-title">给我们打电话</h4>
                      <a href="">+480-555-0103</a>
                      <a href="">+239-555-0108</a>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-30 tp_fade_left" data-fade-from="left" data-delay=".9">
                  <div class="contact-item">
                    <div class="contact-icon">
                      <i class="fa-solid fa-envelope-open"></i>
                    </div>
                    <div class="contact-content">
                      <h4 class="contact-content-title">给我们发邮件</h4>
                      <a href="mailto:support.young@example.com">support.young@example.com</a>
                      <a href="mailto:bill.robert@example.com">bill.robert@example.com</a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="contact-bottom pt-105">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="contact-bottom-left">
                      <div class="inner_section-area mb-50">
                        <span class="inner_section-subtitle tp_subtitle_anim">联系我们</span>
                        <h2 class="inner_section-title tp_title_slideup mb-0">向我们发送您的建议</h2>
                      </div>
                      <div class="contact-map tp_fade_right">
                        <!-- <iframe src="https://maps.amap.com/place/南京?source=s_weitap_shareurl" width="600" height="450"
                          style="border:0;" allowfullscreen="true" loading="lazy"
                          referrerpolicy="no-referrer-when-downgrade">
                        </iframe> -->
                      </div>
                    </div>
                  </div>
                  <div class="col-lg-6 tp_fade_left">
                    <div class="contact-form mt-40 mt-lg-0">
                      <h3 class="contact-form-title">填写表格</h3>
                      <form action="#">
                        <div class="row">
                          <div class="col-xl-6 col-lg-12 col-md-6">
                            <div class="contact-form-item mb-25">
                              <input type="text" placeholder="您的称呼">
                              <i class="fa-light fa-user"></i>
                            </div>
                          </div>
                          <div class="col-12">
                            <div class="contact-form-item mb-25">
                              <input type="email" placeholder="您的邮箱">
                              <i class="fa-light fa-envelope"></i>
                            </div>
                          </div>
                          <div class="col-12">
                            <div class="contact-form-item mb-25">
                              <input type="text" placeholder="手机号">
                              <i class="fa-light fa-phone"></i>
                            </div>
                          </div>
                          <div class="col-12">
                            <div class="contact-form-item">
                              <select name="select" class="subject-option has-nice-select  mb-25">
                                <option value="1">无职业</option>
                                <option value="2">It工作者</option>
                                <option value="3">学者</option>
                                <option value="4">学生</option>
                                <option value="5">其他</option>
                              </select>
                            </div>
                          </div>
                          <div class="col-12">
                            <div class="contact-form-item mb-25">
                              <textarea name="message" placeholder="输入您的建议"></textarea>
                            </div>
                          </div>
                          <div class="col-12">
                            <div class="contact-form-item pt-10">
                              <button type="submit">发送</button>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- contact area end -->
        </main>

        <!-- footer area start -->
        <footer class="h5_footer-area">
          <div class="h5_footer-top pt-120 pb-80">
            <div class="container">
              <div class="row justify-content-between">
                <div class="col-xl-3 col-lg-3 col-md-5 col-sm-7 tp_has_fade_anim" data-fade-from="left">
                  <div class="h5_footer-widget mb-40">
                    <div class="h5_footer-logo">
                      <a href="index.html"><img src="assets/images/logo/logo.png" alt=""></a>
                    </div>
                    <p class="h5_footer-widget-text">懂汪 是您最好的浏览器助手</p>
                  </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 tp_has_fade_anim" data-fade-from="left" data-delay=".8">
                  <div class="h5_footer-widget mb-35">
                    <h5 class="h5_footer-widget-title">公司</h5>
                    <ul>
                      <li><a href="index.html">首页</a></li>
                      <li><a href="about.html">使用</a></li>
                      <li><a href="about.html">社区</a></li>
                      <li><a href="about.html">联盟技化</a></li>
                    </ul>
                  </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-7 order-sm-2 order-md-3 tp_has_fade_anim"
                  data-fade-from="left" data-delay="1.3">
                  <div class="h5_footer-widget mb-35">
                    <h5 class="h5_footer-widget-title">联系方式</h5>
                    <form action="#">
                      <input type="email" placeholder="输入您的电子邮箱">
                      <button type="submit">订阅</button>
                    </form>
                    <p class="h5_footer-widget-text">订阅我们的时事通讯，以备将来的更新。 <br>
                      别担心我们不会垃圾邮件您的电子邮件地址</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="h5_footer-bottom">
            <div class="container">
              <div class="row align-items-center">
                <div class="col-xl-6 col-md-6">
                  <div class="h5_footer-bottom-copyright d-flex justify-content-center justify-content-md-start">
                    <p>&copy; 2023 懂汪版权所有 <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
                    </p>
                  </div>
                </div>
                <div class="col-xl-6 col-md-6">
                  <div class="h5_footer-bottom-menu d-flex justify-content-center justify-content-md-end">
                    <ul>
                      <li><a href="#">隐私政策</a></li>
                      <li><a href="#">服务条款</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </footer>
        <!-- footer area end -->

      </div>
    </div>
  </div>
  <!-- jQuery Js -->
  <script src="assets/js/jquery-3.6.0.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/swiper-bundle.min.js"></script>
  <script src="assets/js/meanmenu.min.js"></script>
  <script src="assets/js/gsap.min.js"></script>
  <script src="assets/js/ScrollSmoother.min.js"></script>
  <script src="assets/js/ScrollTrigger.min.js"></script>
  <script src="assets/js/TweenMax.min.js"></script>
  <script src="assets/js/SplitText.min.js"></script>
  <script src="assets/js/chroma.min.js"></script>
  <script src="assets/js/magnific-popup.min.js"></script>
  <script src="assets/js/nice-select.min.js"></script>
  <script src="assets/js/backtotop.js"></script>
  <script src="assets/js/main.js"></script>

</body>
</html>